		* {
			padding: 0;
			margin: 0;
		}
		ul {
			list-style: none;
		}
		.clearfix:before,
		.clearfix:after {
			display: table;
			content: "";
		}
		.clearfix:after {
			clear: both;
		}
		.clearfix {
			*zoom: 1;
		}
		a {
			color: #050505;
			text-decoration: none;
		}
		.container {  /* 因为我们的版心宽度都是1200 都要居中对齐 我们就声明一个公共类 */
				width: 1200px;
				margin: 0 auto;
		}
		input {
				border: 0;  /* 所有的表单边框为0 */
				box-sizing: border-box; /* CSS3盒子模型 border 和 padding 都包含到 width 里面去 */
		}
		body {
				background-color: #f3f5f7;  /* 整个页面的背景色 */
			}
		header {
			background-color: #f3f5f7;
			height: 100px;
			overflow: hidden;
		}
		nav {
			height: 42px;
			width: 1366px;
			margin: 30px auto;
		}
		.logo {
			float: left;
		}
		.navbar {
			float: left;
			height: 42px;
			line-height: 42px;
			margin-left: 50px;
		}
		.navbar li {
			float: left;
		}
		.navbar li a {
			padding: 0 8px;
			height: 42px;
			display: block;
		}
		.navbar li a:hover {
			border-bottom: 2px solid #00a4ff;
		}
		.search {
			width: 410px;
			height: 38px;
			border: 1px solid #00a4ff;
			float: right;
			line-height: 38px;
		}
		.search input[type=text] {
			width: 360px;
			height: 38px;
			padding-left: 20px;
			float: left;
		}
		.search input[type=submit] {
			width: 50px;
			height: 38px;
			float: left;
			background: #00a4ff url(../images/search_06.png) center no-repeat;
		}
		.personal {
			float: right;
			height: 42px;
			line-height: 42px;
			margin: 0 15px 0 35px;
		}
		.personal img {
			margin: 0 8px;
		}
		.banner {
			height: 420px;
			background-color: #1c036c;
		}
		.banner-in {
			height: 420px;
			background: url(../images/banner_03.png) 0 0 no-repeat;
		}
		.slidebar {
			height: 420px;
			width: 190px;
			background: rgba(0,0,0,0.3);
			float: left;
		}
		.slidebar a {
			color: #ffffff;
			line-height: 45px;
			display: block;
			font-size: 14px;
			padding: 0 20px;
		}
		.slidebar a span {
			float: right;
		}
		.slidebar a:hover {
			color: #00a4ff;
		}
		.timetable {
			float: right;
			height: 300px;
			width: 228px;
			background-color: #ffffff;
			margin-top: 50px;
		}
		.timetable dt {
			height: 50px;
			line-height: 50px;
			background-color: #9bceea;
			color: #fff;
			font-size: 16px;
			font-weight: 700;
			letter-spacing: 2px;
			text-align: center;
			margin-bottom: 5px;
		}
		.timetable dd {
			width: 193px;
			height: 60px;
			margin: 0px auto;
			border-bottom: 1px solid #ccc;
			padding-top: 12px;
			box-sizing: border-box;
		}
		.timetable dd:last-child {
			border: 0;
		}
		.timetable dd h4 {
			font-size: 16px;
			font-weight: 400;
			color: #4e4e4e;
		}
		.timetable dd p {
			font-size: 14px;
			color: #bfbfbf;
		}
		.timetable dd a {
			color: #00a4ff;
			font-weight: 700;
			font-size: 16px;
			display: block;
			height: 38px;
			border: 1px solid #00a4ff;
			text-align: center;
			line-height: 38px;
			transition: background-color 0.2s;
		}
		.timetable dd a:hover {
			background-color: #00a4ff;
			color: #fff;
		}
		.recommend {
			margin-top: 8px; 
			height: 60px;
			background-color: #fff;
			box-shadow: 0 2px 2px rgba(0,0,0,0.2);
			line-height: 60px;
		}
		.recommend a {
			padding: 0 30px;
			border-right: 1px solid #ccc;
		}
		.recommend a:first-child {
			color: #00a4ff;
		}
		.recommend a:last-child {
			float:right;
			font-size: 14px;
			color: #004aff;
		}
		.recommend a:hover {
			color: #00a4ff;
		}
		.recom-products {
			margin-top: 35px;
			background-color: #f3f5f7;
		}
		.recom-hd {
			height: 40px;
		}
		.recom-hd h4{
			color: #494949;
			float: left;
		}
		.recom-hd a {
			font-size: 14px;
			color: #c6c7c8;
			float: right;
			margin-right: 30px;
		}
		.recom-hd a:hover {
			color: #00a4ff;
		}
		.recom-db ul li {
			float: left;
			height: 270px;
			width: 228px;
			background-color: #fff;
			margin-right: 15px;
			margin-top: 15px;
			position: relative;
			transition: all 0.2s;
		}
		.recom-db ul li:nth-child(5),
		.recom-db ul li:last-child {
			margin-right: 0;
		}
		.recom-db ul li:hover {
			margin-top: 10px;
			box-shadow: 0 10px 5px 5px rgba(0, 0, 0, 0.2);
		}
		.hot {
			width: 40px;
			height: 23px;
			background-color: pink;
			position: absolute;
			top: 5px;
			right: -3px;
			background: url(../images/学成网/sprite.png) no-repeat 0 -84px;
		}
		.over {
			overflow: hidden;
		}
		.recom-db li h5,
		.recom-db li p{
			padding: 0 20px 0 24px;
			margin-top: 12px;
		}
		.recom-db li h5 {
			font-weight: 400;
			font-size: 14px;
			line-height: 22px;
		}
		.recom-db li p {
			margin-bottom: 27px;
			font-size: 12px;
			color: #999;
		}
		.recom-db li p span {
			color: #ff7c2d;
		}
		footer {
			height: 270px;
			background-color: #fff;
			margin-top: 100px;
		}
		.footer-in {
			padding-top: 30px;
		}
		.footer-l {
			float: left;
		}
		.footer-l p {
			margin-top: 20px;
			font-size: 12px;
			color: #999;
			line-height: 18px;
		}
		.footer-l a {
			display: block;
			height: 37px;
			width: 120px;
			box-sizing: border-box;
			border: 1px solid #00a4ff;
			line-height: 37px;
			text-align: center;
			color: #00a4ff;
			margin-top: 18px;
		}
		.footer-r {
			float: right;
			color: #333;
		}
		.footer-r dl{
			float: left;
			margin-right: 146px;
		}
		.footer-r dt {
			font-size: 16px;
			height: 30px;
		}
		.footer-r dd {
			font-size: 12px;
			height: 20px;
		}
		.footer-r dd a:hover {
			color: #00a4ff;
			text-decoration: underline; /*  添加下划线 */
		}